/* 基于原 knowledge-app 的样式，仅保留与笔记界面相关的部分 */

body {
  background-color: oklch(98.18% .0054 95.0986);
  color: #333333;
}

/* 笔记树形列表 */
.note-tree {
  padding-left: 0;
}

.note-tree li {
  list-style-type: none;
}

.note-item {
  border-radius: 8px;
  margin-bottom: 6px;
  transition: all 0.2s;
  padding: 0px 12px;
}

.note-item:hover {
  background-color: #f5f5f5;
}

.note-item.selected {
  background-color: #e6f7ff;
  border-left: 3px solid #1890ff;
}

/* 左侧栏背景（用于知识树侧边） */
.bg-sidebar {
  background-color: oklch(96.63% .008 98.8792);
}

/* 右侧列表卡片颜色（沿用原 border-border / bg-card / text-muted-foreground） */
.border-border {
  border-color: oklch(88.47% .0069 97.3627);
}

.bg-card {
  background-color: #ffffff;
}

.text-muted-foreground {
  color: #777173;
}

/* markdown 文本区域 */
.markdown-body {
  font-size: 14px;
  line-height: 1.6;
}

.markdown-body p {
  margin: 0 0 0.5em;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4 {
  font-weight: 600;
  margin: 0.75em 0 0.35em;
}

/* 侧边栏固定宽度（仿 Tailwind 的 w-72） */
.w-72 {
  width: 18rem; /* 72 * 0.25rem，与 Tailwind 保持一致 */
}

/* 仿 Tailwind 的 flex-1：flex: 1 1 0%; */
.flex-1 {
  flex: 1 1 0%;
}

/* 让容器成为 flex 布局时，子项才能用 flex-1 生效 */
.flex {
  display: flex;
}

/* 让 min-w-0 生效（防止内容把右侧撑得太宽） */
.min-w-0 {
  min-width: 0;
}
